<template>
  <p class="mb-6 text-lg leading-relaxed" v-if="isParagraph">
    {{ content }}
  </p>
  <p class="mt-8 text-lg font-medium text-gray-800" v-else-if="isHighlighted">
    {{ content }}
  </p>
</template>

<script>
export default {
  name: 'TextBlock',
  props: {
    content: {
      type: String,
      required: true
    },
    highlighted: {
      type: Boolean,
      default: false
    }
  },
  computed: {
    isParagraph() {
      return !this.highlighted;
    },
    isHighlighted() {
      return this.highlighted;
    }
  }
};
</script>

<style scoped>
/* 组件样式可以在这里添加 */
</style>